<template>
    <div class="tt">
         <van-search v-model="value" placeholder="请输入搜索关键词" />
    </div>
 
  <br />
  <van-tabs v-model:active="active">
    <ul>
      <li>
        <b> 上海黄埔 </b>阿斯蒂芬
        <p>￥180</p>
      </li>
    </ul>
      <ul>
      <li>
        <b> 上海黄埔 </b>阿斯蒂芬
       <p>￥180</p>
      </li>
    </ul>
      <ul>
      <li>
        <b> 上海黄埔 </b>阿斯蒂芬
       <p>￥180</p>
      </li>
    </ul>
     <ul>
      <li>
        <b> 上海黄埔 </b>阿斯蒂芬
       <p>￥180</p>
      </li>
    </ul>
    <ul>
      <li>
        <b> 上海黄埔 </b>阿斯蒂芬
        <p>￥180</p>
      </li>
    </ul>
    
    <van-tab title="推荐">推荐</van-tab>
    <van-tab title="咨询">咨询</van-tab>
    <van-tab title="热榜">热榜</van-tab>
    <van-tab title="动态">动态</van-tab>
  </van-tabs>
</template>

<script setup>
</script>

<style lang="scss" scoped>
ul{
    margin-top: 20px;
   
}
li {
 
  border-bottom: 1px solid #d9d8d8;
}
b{
    font-size: 20px;
}
p {
 position: relative;
  margin-left: 250px;
  margin-bottom: 10px;
  color: red;
}
.tt{
    width: 100%;
    height: 5ch;
    position: sticky;
    top: 0;
    z-index: 999;
}
</style>